html,body{
	   	  width: 100%;
	   	  height: 100%;
	   	  box-sizing:-webkit-border-box;
	   	  font-family: 'MicrosoftYaHei';
	   }
*{
	margin: 0;
	padding: 0;
}
html{
   overflow-x: hidden;
}
html{
	font-size: 625%;
	}
body{
	font-size:.16rem;
}
li{
	list-style: none;
}
a{
	color: #fff;
	text-decoration: none;
}
	   .fzzj-container{
          width: 100%;
          height: 100%;
	   }
	   .header{
	   	width: 100%;
	   	height:.50rem;
	   	background: #84dfdf;
	   	border-bottom: 1px solid #b0f1f1;
	   	position:absolute;
        z-index:5;
        top:0;
        
	   }
	   .header .logo{
	   	width: 1.60rem;
	   	height: .50rem;
	     float: left;
	     position: relative;
	   }
	   .header .logo img{
	   	width: .47rem;
	   	height: .3rem;
	   	padding: .1rem .1rem .1rem .2rem;
	   }
	   .header .mark{
	   	width: 2.25rem;
	   	height: .50rem;
	   	line-height: .50rem;
	   	float: right;
	   	position: relative;
	   }
	   .header .mark a{
	   	text-decoration: underline;
	   }
	   .header .mark img{
	   	width: .30rem;
	   	height: .30rem;
	   	position: absolute;
	   	top: .10rem;left: .10rem;

	   }
	   .header .mark a,.header .mark span{
	   	font-size: .12rem;
	   	padding-right: .10rem;
	   	color: #32346d;
	   }
	   .header .mark span{
	   	margin-left: .50rem;
	   }
	   .header .logo span{
	   	color: #32346d;
	   	font-size: .20rem;
	   	font-weight: bold;
	   	line-height:.5rem;
	   	position: absolute;
	   	top: 0;right: 0;
	   }
	   .main{
	   	  width: 100%;
	   	  color: #fff;
	   	   overflow:hidden;
          top:.50rem;
          position:absolute;
          z-index:10;
          bottom:0px;
	   }
	   .middle{
	   	  width: 11.45rem;
	   	  height: 100%;
	   	  background: #fff;    
	   	  position: absolute;
	   	  top: 0;
	   	  left: 2.20rem; 
	   	  z-index: 666;  
	   	  margin: 0;
	padding: 0;
                                                         
	   } 
	   .middle iframe{
	   	  width: 11.45rem;
	   	  height:100%;
	      padding: 0;
	   }
	   .list-line{
	   	  width: 2.20rem;
	   	  height: 100%;
	   	  background: #383950;
	   	  float: left;
	   	  	   	position: absolute;
	   	top: 0;left: 0;
	   	  z-index: 999; 
	   }
	   .list-line .admin{
	   	width: 2.20rem;
	   	position:relative;
	   }
	   .list-line .admin img{
	   	width: .50rem;
	   	height: .50rem;
	   	position: absolute;
	   	top: .20rem;left: .20rem;
	   }
	   .list-line .admin span{
	   	position: absolute;
	   	right: .80rem;
	   	top: .35rem;
	   	color: #e1e3e5;
	   }
	   .list-line .admin span b{
	   	font-weight: normal;
	   	color: #fff;
	   }
	   .list-line ol{
	   	width: 2.20rem;
	   	height: auto;
	   	margin-top: .85rem;
	   }
	   .list-line ol li{
	   	padding-left: .20rem;
	   	height: .48rem;
	   	line-height: .48rem;
	   	font-weight: bold;
	   }
	   .list-line ol li:hover{
	   	background: #494b69;
	   }
	   .list-line ul li{
	   	font-weight: normal;
	   }
	   .list-line ul li:hover{
	   	background: #383950;
	   }
	   .list-line ol li img{
	   	padding-right: .10rem;
	   }
	   .detail-list{
	   	margin: 0 auto;
	   	display: none;
	   }
	   /* .Level-header:nth-child(1){
	   	background:#2e2f42; 
	   } */
	   .list-line ol .detail-list li{
	   	font-size: .14rem;
	   	font-weight: normal;
	   	height: .35rem;
	   	line-height: .35rem;

	   }
	   .click-on{
	   	background: #252636;
	   	padding-left: .15rem;
	   	border-left:0.05rem solid #84dfdf;
	   }
	   .bg-on{
	   	background: #2e2f42;
	   }
	   .arrow{
          float: right;
          display: inline-block;
          margin-right: .10rem;
          margin-top: 0.07rem;
          width: .20rem;
          height: .32rem;
          background: url(../img/down.png) no-repeat center;
         }
.arrow-up{
  background: url(../img/up.png) no-repeat center;
} 